<html>
	<head> 
		<title>my first</title>
	</head>
	
	<body>
	<!--有序列表-->
		<ol type="1", start="10">
			<li>vivo</li>
			<li>oppo</li>
			<li>ipad</li>
			<li>huawei</li>
		</ol>
	<!--无序列表-->
		<ul>
			<li>a</li>
			<li>b</li>
			<!--table-->

		</ul>
		<!--table-->
		<table border="1px" cellspacing="5px" cellpadding="10px">
			<tr>
				<td align="center">1</td>
				<td align="center">1</td>
				<td align="center">1</td>
				<td align="center">1</td>
				<td align="center">1</td>
			</tr>
			<tr>
				<td>2</td>
				<td>2</td>
				<td>2</td>
				<td>2</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>3</td>
				<td>3</td>
				<td>3</td>
				<td>3</td>
			</tr>

		</table>	

		<!--多样式表格 rowspan  colspan-->
		<table border="3px" width="100px">
			<tr>
				<td align="center" rowspan="2">2</td>
				<td colspan="2" align="center">2</td>
			</tr>
			<tr>
				<td rowspan="2">1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>3</td>
				<td>3</td>
			</tr>		
		</table>

		<!--多样式的表格-->
		<table border="3px" width="300px" height"100px" cellspacing="10px" cellpadding="10px"> 
			<tr>
				<td align="center">A1</td>
				<!--colspan 属性设置-->
				<td colspan="2" rowspan="2">A2</td>
			</tr>
			<tr>
				<td>A2</td>
			</tr>
			<tr>
				<td align="right">A3</td>
				<td align="center">A3</td>
				<td align="left">A3</td>
			</tr>
		</table>

		<!--有序列表与表格的结合-->
		<table border="2px" width="50%" height="100px">
			<tr>
				
				<td align="center" rowspan="2">
					<ol>
						<li>vivo</li>
						<li>oppo</li>
						<li>huawei</li>
					</ol>
				</td>
				<td align="center" colspan="2">A1</td>
			</tr>
			<tr>
				<td rowspan="2">C2</td>
				<td>C2</td>
			</tr>
			<tr>
				<td>
				A1
				</td>
					<!--相对路径-->
					<img src="1.PNG" width="100%" height="100%">
					<!--绝对路径-->
					<!-- <img src="C:\Users\Administrator\Desktop\1.PNG" width="100%" height="100%"> -->
				</td>
				<td>C3</td>
			</tr>
		</table>
	</body>
</html>